<template>
	<view class="bs">
		<view class="df aic jcsb p20lr bb2f h100r">
			<text>当前任务完成度：{{'4/14'}}</text>
			<img style="width: 50rpx;height: 50rpx;" src="../../static/imgs/refresh.png" alt="" />
		</view>
		<view class="h100r bb2f df aic pr">
			<input class="search-ipt" placeholder="终端名称/编码" type="text" />
			<img style="width: 50rpx;height: 50rpx;left: 20rpx;top: 26rpx;" class="pa" src="../../static/imgs/search.png" alt="" />
			<img style="width: 50rpx;height: 50rpx;right: 20rpx;top: 26rpx;" class="pa" src="../../static/imgs/sm.png" alt="" />
		</view>
		<u-dropdown>
			<u-dropdown-item disabled title="终端"></u-dropdown-item>
			<u-dropdown-item v-model="detail_sort" title="数据状态" :options="detail_sort_data"></u-dropdown-item>
			<u-dropdown-item v-model="task_status" title="终端类型" :options="task_status_data"></u-dropdown-item>
			<u-dropdown-item v-model="data_status" title="任务状态" :options="data_status_data"></u-dropdown-item>
		</u-dropdown>
	</view>
	<view class="df fdc p20lr mt40">
		<view @click="to_detail" class="df jcsb">
			<view class="df aic">
				<text class="mr20">{{1}}</text>
				<view class="df fdc">
					<text>{{'集中器'}}</text>
					<text>{{'test01'}}</text>
					<text>{{'旧终端编码：'}}</text>
					<text>{{'5464454545'}}</text>
					<text>{{'新终端编码'}}</text>
					<text>{{'已同步'}}</text>
				</view>
			</view>
			<text>{{'待换装'}}</text>
		</view>
	</view>
</template>
<script setup>
	
	
	const to_detail = ()=>{
		uni.redirectTo({
			url:'/pages/changeTerminalDetail/changeTerminalDetail'
		})
	}
</script>
<style lang="scss" scoped >
	.search-ipt{
		padding-left: 80rpx;
	}
	
</style>
<style lang="scss">
	page{
		height: 100%;
	}
	:deep(.u-dropdown__menu__item:first-child) {
		.u-dropdown__menu__item__arrow {
			display: none !important;
		}
	}
	
	:deep(.u-dropdown__menu__item__text) {
		color: #606266 !important;
	}
</style>